<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>溯源系统</title>
<link rel="shortcut icon" href="../images/logo.ico"/>
<link rel="bookmark" href="../images/logo.ico"/>
<link rel="stylesheet" href="../css/index.css" type="text/css"/>
</head>

<body>
<div id="head">
<span><img src="../images/logo.jpg" id="logo"></span>
<span class="headInfo"><a href="溯源系统_登陆.html" target="_blank">登陆</a></span>
<span class="headInfo"><a href="#">注册</a></span>
<span class="headInfo"><a href="#">商品溯源</a></span>
<span class="headInfo"><a href="#"><img src="../images/shoucang.png" class="headImg"><span class="headSmall">我的收藏</span></a></span>
<span class="headInfo"><a href="#"><img src="../images/dingdan.png" class="headImg"><span class="headSmall">我的订单</span></a></span>
<span class="headInfo"><a href="#"><img src="../images/gouwuche.png" class="headImg"><span class="headSmall">我的购物车</span></a></span>
</div>
<div id="content">  
<div id="sort">
   <ul id="sortUl">
      <li><img src="../images/shumajiadian.png"><a href="#">家用电器</a></li>
      <li><img src="../images/shumajiadian.png"><a href="#">手机、数码</a></li>
      <li><img src="../images/shouji.png"><a href="#">电脑、办公</a></li>
      <li><img src="../images/jiazhuangjiancai.png"><a href="#">家居、家具、家装、厨具</a></li>
      <li><img src="../images/clothe.png"><a href="#">男装、女装、内衣、珠宝</a></li>
      <li><img src="../images/meizhuangrihua.png"><a href="#">个人化妆、清洁用品</a></li>
      <li><img src="../images/xie.png"><a href="#">鞋靴、箱包、钟表、奢侈品</a></li>
      <li><img src="../images/huwai.png"><a href="#">运动户外</a></li>
      <li><img src="../images/qicheyongpin.png"><a href="#">汽车、汽车用品</a></li>
      <li><img src="../images/tongzhuangmuying.png"><a href="#">母婴、玩具、乐器</a></li>
       <li><img src="../images/shengxianshipin.png"><a href="#">食品、酒类、生鲜、特产</a></li>
       <li><img src="../images/yiyaobaojian.png"><a href="#">营养保健</a></li>
       <li><img src="../images/tushu.png"><a href="#">图书、音像、电子书</a></li>
       <li><a href="#">彩票、旅行、充值、票务</a></li>
   </ul>
</div>
<div id="ad">
<div id="adPic"><img src="../images/ad1.jpg" id="adImg"/></div>
<div id="dot">
<ul id="dotList">
<li id="num1">1</li>
<li id="num2">2</li>
<li id="num3">3</li>
<li id="num4">4</li>
</ul>
</div>
<div id="search">
<div id="searchChoose"><span id="searchFont">搜索</span><img src="../images/down.png"/></div>
<div id="resourceChoose"><span id="resourceFont">溯源</span><img src="../images/up.png"/></div>
<input  value="请输入您要搜索的内容" type="text" id="searchInput" />
<img src="../images/search.png" id="searchImg"/>
</div>

<div id="goods">
  <ul id="goodsList">
     <li><div class="sortGoods"><h3><img src="../images/clothe.png" style="width:40px;height:40px"><a href="#">服装</a></h3><hr/>
     <div class="clotheSort"><a href="溯源系统_商品展示.html" target="_blank"><img src="../images/qun1_1.jpg" class="clotheSort"></a>
     <span class="price">￥55.00</span><span class="addToCarSpan">加入购物车</span></div>
     <div class="clotheSort"><img src="../images/qun2_1.jpg" class="clotheSort">
     <span class="price">￥55.00</span><span class="addToCarSpan">加入购物车</span></div>
     <div class="clotheSort"><img src="../images/qun3_1.jpg" class="clotheSort">
     <span class="price">￥55.00</span><span class="addToCarSpan">加入购物车</span></div>
     <div class="clotheSort"><img src="../images/qun4_1.jpg" class="clotheSort">
     <span class="price">￥55.00</span><span class="addToCarSpan">加入购物车</span></div>
     <div class="clotheSort"><img src="../images/qun5_1.jpg" class="clotheSort">
     <span class="price">￥55.00</span><span class="addToCarSpan">加入购物车</span></div>
     <span>更多>></span></div></li>
     <li><div class="sortGoods"><h3><img src="../images/shumajiadian.png" style="width:40px;height:40px"><a href="#">家电</a></h3><hr/></div></li>
     <li><div class="sortGoods"><h3><img src="../images/shengxianshipin.png" style="width:40px;height:40px"><a href="#">食品</a></h3><hr/></div></li>
  </ul>

</div>
</div>
<script src="../js/jq.js" type="text/javascript" charset="utf-8"></script>
<script src="../js/index.js" type="text/javascript"  charset="gbk"></script>
</body>
</html>
